<template>
    <view class="my">
        <u-swiper :list="list" height="400" />
        <u-grid :col="3" :border="false" class="mt60">
            <u-grid-item @click="navTo('/pages/peopleList')">
                <view class="icon p25 flex-row-c-c">
                    <image src="@/static/image/m1.png" style="width: 66rpx; height: 66rpx" />
                </view>
                <view class="grid-text"> 添加关系人 </view>
            </u-grid-item>
            <u-grid-item @click="navTo('/pages/subRecord')">
                <view class="icon p25 flex-row-c-c">
                    <image src="@/static/image/m2.png" style="width: 66rpx; height: 66rpx" />
                </view>
                <view class="grid-text"> 申报记录 </view>
            </u-grid-item>
        </u-grid>
    </view>
</template>

<script setup lang="ts">
import { getCurrentInstance, onMounted, ref } from "vue";
import { onLoad } from "@dcloudio/uni-app";

const { proxy } = getCurrentInstance(); //this
onMounted(() => {});
onLoad(options => {});
const list = ref([
    {
        image: "/static/image/s1.png"
    },
    {
        image: "/static/image/s2.png"
    },
    {
        image: "/static/image/s3.png"
    }
]);
</script>

<style lang="scss" scoped>
.my {
    .icon {
        border-radius: 100%;
        border: 1px solid #bbbbbb;
        height: 120rpx;
        width: 120rpx;
    }

    .grid-text {
        margin-top: 20rpx;
        color: rgba(16, 16, 16, 1);
        font-size: 24rpx;
    }
}
</style>
